<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="top-bar">
        <div class="wrap top-in">
        <a href="">小米网</a>
        <span>|</span>
        <a href="">MIUI</a>
        <span>|</span>
        <a href="">米聊</a>
        <span>|</span>
        <a href="">游戏</a>
        <span>|</span>
        <a href="">多看阅读</a>
        <span>|</span>
        <a href="">云服务</a>
        <span>|</span>
        <a href="">小米网移动版</a>
        <span>|</span>
        <a href="">问题反馈</a>
        <span>|</span>
        <a href="">Select Region</a>
    </div>
    <!-- header开始 -->
    <div class="wrap header">
        <h1 class="logo"><img src="./images/logo.png" alt=""></h1>
        <img class="ship" src="./images/haidaoquannew.gif" alt="">
        <div class="write">
            <a href="">小米手机</a>
            <a href="">红米</a>
            <a href="">平板</a>
            <a href="">电视</a>
            <a href="">盒子</a>
            <a href="">影音</a>
            <a href="">路由器</a>
            <a href="">智能硬件</a>
            <a href="">服务</a>
            <a href="">社区</a>
        </div>
    </div>
    <!-- banner开始 -->
    <div class="wrap banner"><img src="./images/banner.png" alt="">
        <ul class="banner-left">
            <li><a href="#">手机 平板 电话卡<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">电视 盒子<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">路由器 智能硬件<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">移动电源 插线板<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">耳机 音箱<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">电池 存储卡<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">保护套 后盖<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">贴膜 其他配件<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">米兔 服装<span>&nbsp;&nbsp;&gt;</span></a></li>
            <li><a href="#">箱包 其他周边<span>&nbsp;&nbsp;&gt;</span></a></li>
        </ul>
    </div>
    <!-- banner结束 -->
    <!-- menu开始 -->
    <div class="wrap menu">
        <div class="first"><a href="#"><img src="./images/menu1.png" alt="" width="234"></a></div>
        <div> <a href="#"><img src="./images/menu2.jpg" alt=""  width="316"></a></div>
        <div><a href=""><img src="./images/menu3.jpg" alt="" width="316"></a></div>
        <div> <a href=""><img src="./images/menu4.jpg" alt="" width="316"></a></div>
    </div>
    <!-- menu结束 -->
    <!-- content(内容) 开始 -->
    <div class="content">
        <div class="wrap zhi">
            <h3>智能软件</h3>
            <a href="#">查看全部</a>
        </div>
        <div class="wrap ai">
        <ul>
            <li class="first"><a href="#"><img src="./images/124d82cc-cfce-44ab-b711-28b21be81683.jpg" alt=""></a></li>
            <li><a href="#"><img src="./images/list01.png" alt=""></a></li>
            <li><a href="#"><img src="./images/list02.png" alt=""></a></li>
            <li><a href="#"><img src="./images/list03.png" alt=""></a></li>
            <li><a href="#"><img src="./images/list04.png" alt=""></a></li>
            <li><a href="#"><img src="./images/list05.png" alt=""></a></li>
            <li><a href="#"><img src="./images/list06.png" alt=""></a></li>
            <li><a href="#"><img src="./images/list07.png" alt=""></a></li>
            <li><a href="#"><img src="./images/list08.png" alt=""></a></li>
        </ul>
        </div>
    </div>
    <!-- content 结束！！！！！！！！！！ -->
    <!-- footer 开始 -->
    <div class="wrap footer">
        <div class="footer-l">
            <dl>
                <dt><a href="#">帮助中心</a></dt>
                <dd><a href="#">账户管理</a></dd>
                <dd><a href="#">购物指南</a></dd>
                <dd><a href="#">订单操作</a></dd>
            </dl>

            <dl>
                <dt><a href="#">服务支持</a></dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关下载</a></dd>
            </dl>

            <dl>
                <dt><a href="#">线下门店</a></dt>
                <dd><a href="#">小米之家</a></dd>
                <dd><a href="#">服务网点</a></dd>
                <dd><a href="#">零售网点</a></dd>
            </dl>

            <dl>
                <dt><a href="#">关于小米</a></dt>
                <dd><a href="#">了解小米</a></dd>
                <dd><a href="#">加入小米</a></dd>
                <dd><a href="#">联系我们</a></dd>
            </dl>

            <dl>
                <dt><a href="#">关注我们</a></dt>
                <dd><a href="#">新浪微博</a></dd>
                <dd><a href="#">小米部落</a></dd>
                <dd><a href="#">官方微信</a></dd>
            </dl>

            <dl>
                <dt><a href="#">特色服务</a></dt>
                <dd><a href="#">F码通道</a></dd>
                <dd><a href="#">小米移动</a></dd>
                <dd><a href="#">防伪查询</a></dd>
            </dl>
        </div>
        <div class="footer-r">
            <h3 class="pho"><a href="#">400-100-5678</a></h3>
            <p><a href="#">周一至周日 8:00-18:00</a></p>
            <p><a href="">（仅收市话费）</a></p>
        </div>
        <div class="footer-bottom">
            <p class="logo"><img src="./images/logo.png" alt=""></p>
            <p class="first">小米网|MIUI|米聊|游戏|多看阅读|云服务|小米网移动版|问题反馈|Select Region</p>
            <p>&copy;mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
            <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试+</p> 
        </div>
        <div class="end">
            <h1><img src="./images/slogan2016.png" alt=""></h1>
        </div>
    </div>
</body>
</html>